<template>
    <el-container>
        <!--<header>
            <router-link to="/main">main</router-link>
            <router-link to="/personal">personal</router-link>
        </header>
        <el-main>
            <router-view></router-view>
            <Main></Main>
        </el-main>-->
        <!-- 头部 -->
        <el-header><Header></Header></el-header>
        <!-- 主体 -->
        <el-main>
            <router-view></router-view>
        </el-main>
    </el-container>
</template>
<style>
.el-header{
    heigth: 80px;
}
</style>

<script>
    import Header from './component/header.vue'
//    import Main from './component/main.vue'

    export default {
        data() {
            const item = {
                date: '2016-05-02',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
            };
            return {
                tableData: Array(20).fill(item)
            }
        },
        components: {
            Header
//            Main
        }
    };
</script>